/* 
    Document   : kilometer.css
    Created on : 29.05.2012, 16:58:11
    Author     : riemerb
    Description:
        Purpose of the stylesheet follows.
*/
body, html {
	margin: 0;
	padding: 0;
	height: 100.5%;
}

body { 
/*    background-color: #A5A5A5;*/
    background-color: white;
    background: url("../img/grass1.gif") repeat scroll 0 0 transparent;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

div#Side {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    padding: 0.5em;
    /*box-shadow: 0 0 5px #222222;*/
    /*box-shadow: 0 0 64px -24px rgba(48, 43, 43, 0.557);*/
    border: 1px solid #E0DBD7;
    background-color: white;
    border-width: 0em;
    /*border: 2px ridge silver;*/
}
h1 {
    font-size: 1.2em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: white;
    /*border: 2px ridge silver;*/
}

tr {
    margin: 0.7em; padding: 0.3em;
}

ul#Navigation {
    font-size: 0.83em;
    float: left; width: 12em;
    margin: 0 0 1.2em; padding: 0;
    /*border: 1px dashed silver;*/
    height: 750px;
    background-color: #FEF5C0;
}
ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    font-size: 1.3em
}
ul#Navigation a:link {
    color: black; background-color: #FEF5C0;
    text-decoration: none;
}

ul#Navigation a:visited {
    color: #666; background-color: #FEF5C0;
    text-decoration: none;
}

ul#Navigation a:hover {
    text-shadow: 1px 1px 1px #DA251C;    
}

ul#Navigation a:focus {
    text-shadow: 0px 0px 0px #DA251C;    
}
/*
.navClick {
    text-shadow: 0px 0px 0px #DA251C;    
}
*/
/*
ul#Navigation a:active {
    color: white; background-color: blue;
}
*/
div#Info {
    font-size: 0.9em;
    float: right; width: 18em;
    margin: 0 0 1.1em; padding: 0;
    background-color: white; 
    /*border: 1px dashed silver;*/
}
div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0em;
}
div#Info p {
    font-size: 1em;
    margin: 0.5em;
    overflow:hidden;
}
div#InfoBox {
    margin-bottom: 1em;
    background-color: #FEF5C0; 
    /*border: 1px dashed silver;*/    
}

.infoMessage
{
    color:white;
    background-color:green;
    margin: 0em;
}

.warnMessage
{
    color:black;
    background-color:yellow;
    margin: 0em;
}

.fehlerMessage
{
    color:white;
    background-color:orangered;
    margin: 0em;
}
.sum
{
        text-align: end;
        font-weight: bold;
}

#buttonField button {
    float: left;
}

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
        table-layout: fixed;
        width: 96%;
        margin: 1em;
}
table.hovertable th {
	background-color:#009241;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
        color:white;
}
table.hovertable tr {
	background-color:#F8F8F8;
}

table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
        overflow: hidden;
}

table.hovertable tr:nth-child(even) {
    background-color: white;
}

table.hovertable tr:last-child {
	background-color : #C0C0C0;
}

div#Inhalt {
    margin: 0 192px 1em 117px;
    padding: 0 1em 0 1em;
    /*border: 1px dashed silver;*/
}
* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
}
div#Inhalt p {
    font-size: 1em;
    margin: 0em 0;
}

p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: white; 
    /*border: 1px solid silver;*/
}

/*Schriften*/
.lightfont {
    color: #0066FF;
    font-family:arial;
    font-size: 2em;
    text-align: left;
}

.info { 
    background-color:#74DF00;
    font-weight:bold;
    padding-left:0.2em;
    padding-right:0.2em;
    color:white;
}

.info:hover {
    background-color:#0066FF;    
}

.infoTitle {
    background-color: #009241;
    background-image: url("../img/boxHeadlineSmall.gif");
    padding: 0.3em;
    margin: 0em;
    color:white;
}

#InfoBoxEntry {
    border-bottom-style: solid;
    border-color: white;
}
/*Formulare*/


body{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/*p, h1, form, button{border:0; margin:0; padding:0;}*/
/*.spacer{clear:both; height:1px;}*/
/*
 ----------- My Form ----------- 
.myform{
    margin:0 auto;
    width:400px;
    padding:14px;
}

 ----------- stylized ----------- 
*/#stylized{
    border:solid 2px none #009241;
    background:#F8F8F8;
    padding-bottom: 1em;
}/*
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}
*/#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
    padding-bottom: 1em;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}/*
#stylized input{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 10px;
}*/
#stylized button{
    clear:both;
    margin-left:150px;
    width:128px;
    height:34px;
/*    background:#666666 url(../img/btn_13.png) no-repeat;*/
    text-align:center;
    line-height:31px;
    color:black;
    font-size:11px;
    font-weight:bold;
}

form h1{
    background-color: #009241;
    background-image: url("../img/boxHeadlineSmall.gif");
    color:white;
}

#bold {font-weight: bold};


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #A9C6C9; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #f5f5f5; /* set border color to page background color */
background-color: #f5f5f5; /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #f5f5f5; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #A9C6C9; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FEF5C0;/*#cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
margin-bottom: 0px;
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

div#tabContent {
background: WhiteSmoke;
padding: 1em;
border-style: none solid solid solid;
border-width: 1px 1px thin;
border-color: #A9C6C9;
}
/* end css tabs */



/*START ICON FONTS*/
@font-face {
	font-family: 'kilometerradler';
	src: url('fonts/kilometerradler.eot');
}
@font-face {
	font-family: 'kilometerradler';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/LwAAAC8AAAAYGNtYXAaVcxdAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZkXLuhEAAAFwAAAB9GhlYWQAjmTnAAADZAAAADZoaGVhA+IB7AAAA5wAAAAkaG10eA8AANAAAAPAAAAALGxvY2ECUgLeAAAD7AAAABhtYXhwAA4AJgAABAQAAAAgbmFtZZAjy4EAAAQkAAABgXBvc3QAAwAAAAAFqAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmBgHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYG//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAA/+ACAAHgAAUAFgAAPwInDwEHLgMnPwIjBwMlNzUPAcBA4CDgIC8GDRATDTJAwGDAYAFAwMAnoCDgIOBAcg0TEA0GiCfAwP7AYMBgwEAAAAAAAQAAAAACAAHAACMAAAEiDgIHJxUzJz4DMzIeAhUUDgIHFz4DNTQuAiMBABsyLikRS8BIDR8iJhQoRjQeCREYDyoUIBcMKEZdNQHAChQcEUvASA0VDggeNEYoFiglIA0wEioxNh01XUYoAAAAAQAAAAACAAHAACMAADcUHgIXNy4DNTQ+AjMyHgIXBzM1By4DIyIOAhUADBcgFCoPGBEJHjRGKBQmIh8NSMBLESkuMhs1XUYowB02MSoSMA0gJSgWKEY0HggOFQ1IwEsRHBQKKEZdNQABAHAAMAHAAZAABgAAARU3EScVJwEgoKCwAZCgoP6goKCwAAABAGAAMAGwAZAABgAAJTUHERc1FwEAoKCwMKCgAWCgoLAAAAABAAD/4AIAAeAABgAAJQEVIRUhFQIA/wD/AAEA4AEAoMCgAAABAAD/4AIAAeAABgAANwE1ITUhNQABAAEA/wDg/wCgwKAAAAABAAAAAQAAIb6gtF8PPPUACwIAAAAAAM+3khUAAAAAz7eSFQAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAALAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAHACAABgAgAAAAIAAAAAAAAAAAoAFAAeAEgAfgCyAMQA1gDoAPoAAQAAAAsAJAACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAB4AAAABAAAAAAACAA4AfwABAAAAAAADAB4ANAABAAAAAAAEAB4AjQABAAAAAAAFABYAHgABAAAAAAAGAA8AUgABAAAAAAAKACgAqwADAAEECQABAB4AAAADAAEECQACAA4AfwADAAEECQADAB4ANAADAAEECQAEAB4AjQADAAEECQAFABYAHgADAAEECQAGAB4AYQADAAEECQAKACgAqwBrAGkAbABvAG0AZQB0AGUAcgByAGEAZABsAGUAcgBWAGUAcgBzAGkAbwBuACAAMQAuADAAawBpAGwAbwBtAGUAdABlAHIAcgBhAGQAbABlAHJraWxvbWV0ZXJyYWRsZXIAawBpAGwAbwBtAGUAdABlAHIAcgBhAGQAbABlAHIAUgBlAGcAdQBsAGEAcgBrAGkAbABvAG0AZQB0AGUAcgByAGEAZABsAGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),
		 url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'kilometerradler';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
        font-size: 1.8em;
      	text-decoration: none;
        text-shadow: 1px 1px 1px #0F0F0F;
        color: #009241;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon:focus {
	text-shadow: 0px 0px 0px #0F0F0F;
	position: relative;
	top:1px;
	right: -1px;
}


.icon-pencil:before {
	content: "\e600";
}
.icon-undo:before {
	content: "\e601";
}
.icon-redo:before {
	content: "\e602";
}
.icon-backward:before {
	content: "\e603";
}
.icon-forward:before {
	content: "\e604";
}
.icon-arrow-right:before {
	content: "\e605";
        color: graytext;
        font-size: 0.8em;
}
.icon-arrow-left:before {
	content: "\e606";
}

.iconInText{
    color: graytext;
    font-size: 1.2em;
    text-shadow: 1px 1px 0px #E0DBD7;
}

.iconInText:focus {
    text-shadow: 0px 0px 0px #E0DBD7;
    position: relative;
    top:1px;
    right: -1px;
}

/*END ICON FONTS*/

.select-style {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.select-style select {
    padding: 5px 8px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

